@import '../c_themes/theme.scss';

// 店铺卡活动列表
.store-activity-card-list {
	padding: 15rpx;
}
	// 店铺卡活动列表-卡片
	.store-activity-card {
		margin: 30rpx 0 15rpx 0;
		background-color: $post-card-bg-color;
		background-image: $post-card-bg-img;
		border-radius: $common-border-radius;
		box-shadow: $post-card-shadow;
		overflow: hidden;
	}
	// 推荐
	.store-activity-card.recommend {
		overflow: visible;
	}
	// 店铺卡活动列表-标题
	.store-activity-card .store-activity-head {
		width: 100%;
		height: 50rpx;
		color: $normal-color;
		display: flex;
		align-items: center;
		position: relative;
		background-color: #879cb1;
		border-top-left-radius: $common-border-radius;
		border-top-right-radius: $common-border-radius;
		font-weight: bold;
	}
	// 推荐店铺
	.store-activity-card.recommend .store-activity-head {
		color: #FFF;
	}
	// 推荐店铺
	.store-activity-card .store-activity-head .normal-place-circle {
		border-radius: $larger-border-radius;
		background-color: $golden-color;
		width: 70rpx;
		height: 70rpx;
		font-family: vipLevelFont;
		font-size: 50rpx;
		line-height: 1.65;
		position: relative;
		z-index: 3;
		text-align: center;
		margin: 0 20rpx;
		color: #FFF;
	}
	// 店铺卡活动列表-标题-图标
	.store-activity-card .store-activity-head .imgIcon {
		width: 160rpx;
		height: 120rpx;
		top: 10rpx;
		margin-right: 10rpx;
		position: relative;
		z-index: 3;
	}
		// 前三排名标题栏底色
		.store-activity-head.first {background-color: #B19750;}
		.store-activity-head.second {background-color: #1474B3;}
		.store-activity-head.third {background-color: #964CB5;}
	// 标题文字
	.store-activity-card .store-activity-head text {
		width: 550rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		border: #1474B3;
	}
	// 卡片图片
	.store-activity-card image {
		width: 100%;
		border-bottom-left-radius: $common-border-radius;
		border-bottom-right-radius: $common-border-radius;
		margin-bottom: -15rpx;
	}
// 排行榜-卡片
.store-card-rank-list .store-activity-card {
	padding: 15rpx;
}
	// 排行榜-卡片-上部
	.store-card-rank-list .store-activity-card .wrap-header {
		display: flex;
	}
		// 排行榜-卡片-上部-信息
		.store-card-rank-list .store-activity-card .wrap-header .item-info:first-child {
			width: 100%;
		}
	// 图标容器
	.store-card-rank-list .store-activity-card .store-head{
		width: 170rpx;
		height: 120rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	// 图标容器-图标-圆形
	.store-card-rank-list .store-activity-card .store-head .normal-place-circle{
		border-radius: 100%;
		background-color: $golden-color;
		text-align: center;
		color: $weakest-color;
		width:100rpx;
		height: 100rpx;
		font-family: vipLevelFont;
		font-size: 70rpx;
		line-height: 1.75;
	}
	// 图标
	.store-card-rank-list .store-activity-card .store-head .imgIcon{
		width: 160rpx;
		height: 120rpx;
	}
	.store-card-rank-list .store-activity-card .store-head{
		width: 170rpx;
		height: 120rpx;
	}
	// 项目
	.store-card-rank-list .store-activity-card .wrap-header .info-item{
		display: flex;
		align-items: center;
		color: $sub-color;
	}
	// 图标
	.store-card-rank-list .store-activity-card .wrap-header .info-item .fontIcon{
		color: $light-color;
		margin-left: 10rpx;
	}
	// 人气
	.store-card-rank-list .store-activity-card .wrap-header .info-item .popularity-number {
		color: $important-color;
		margin-right: 10rpx;
	}
	// 五星
	.store-card-rank-list .five-star {
		padding: 0;
	}
	// 五星框体-图标大小
	.store-card-rank-list .five-star .uni-rate__icon,
	.store-card-rank-list .five-star .uni-rate__icon .uni-icons,
	.store-card-rank-list .five-star .uni-rate__icon .uni-icons::after,
	.store-card-rank-list .five-star .uni-rate__icon,
	.store-card-rank-list .five-star .uni-rate__icon .uni-icons,
	.store-card-rank-list .five-star .uni-rate__icon .uni-icons::after
	{
		font-size: 50rpx !important;
	}
	// 信息
	.store-card-rank-list .store-activity-card .item-info {
		width: 75%;
	}
	// 名称
	.store-card-rank-list .store-activity-card .item-info .name {
		display: flex;
		align-items: center;
		font-size: $title3-fontSize;
		font-weight: bold;
	}
	// 名称-文本
	.store-card-rank-list .store-activity-card .item-info .name text {
		max-width: 92.5%;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	// 名称-图标
	.store-card-rank-list .store-activity-card .item-info .name .imgIcon {
		width: 40rpx;
		height: 40rpx;
	}
	// 描述
	.store-card-rank-list .store-activity-card .item-describe {
		display: flex;
		margin-top: 10rpx;
		padding-top: 10rpx;
		border-top: $common-line-width solid $tweenLine-color;
	}
	// 描述-预览图
	.store-card-rank-list .store-activity-card .item-describe .preview-img{
		margin-right: 20rpx;
		width: 200rpx;
		height: 160rpx;
	}
	// 描述-内容
	.store-card-rank-list .store-activity-card .item-describe .describe-info{
		width: 70%;
	}
	// 描述-内容-标题
	.store-card-rank-list .store-activity-card .item-describe .describe-info .describe-title{
		color: $normal-color;
	}
	// 描述-内容-标题
	.store-card-rank-list .store-activity-card .item-describe .describe-info .describe-content{
		color: $sub-color;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		line-height: 1.25;
	}
	// 其它项目
	.store-card-rank-list .store-activity-card .item-describe .describe-info .describe-item {
		font-size: $small-fontSize;
		color: $sub-color;
	}
	// 人名币字体
	.store-card-rank-list .store-activity-card .item-describe .describe-info .describe-item .rmb-number {
		color: $important-color;
		font-size: $title2-fontSize;
		font-weight: bold;
	}